<!DOCTYPE html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="referrer" content="origin">
    <!-- TDK and ICO -->
    <title>接口文档</title>

    <meta name="description" content="">
    <meta name="keywords" content="">
    <!-- Bootstrap and font-awesome CSS -->
    <link href="https://s3.pstatp.com/cdn/expire-1-M/twitter-bootstrap/4.6.0/css/bootstrap.css" rel="stylesheet">
    <link href="https://s2.pstatp.com/cdn/expire-1-M/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <script src="http://www.h3blog.com/statics/js/headroom.min.js"></script>
    <!-- blog CSS -->
    <link href="http://www.h3blog.com/statics/css/blog.css" rel="stylesheet">
    <!--根据cookies判断是否启用暗色主题-->
    <link href="https://cdn.bootcss.com/simplemde/1.11.2/simplemde.min.css" rel="stylesheet">
    <link href="http://www.h3blog.com/statics/css/detail.css" rel="stylesheet">
    <link href="http://www.h3blog.com/statics/css/monokai.css" rel="stylesheet">
    <link href="http://www.h3blog.com/statics/css/base_comment.css" rel="stylesheet">

</head>

<body>
    <!--回到顶部按钮-->
    <div class="text-center" id="to-top">
        <i class="fa fa-chevron-up" id="btn-top" title="回到顶部"></i>
    </div>
    <main>

        <div class="container">
            <div class="row">
                <div class="col-lg-12">

                    <div class="">
                        <div class="card rounded-0 border-0" id="article">
                            <div class="card-body px-2 px-md-3 pb-0">
                                {{content | safe}}
                            </div>
                        </div>

                        <!--图片预览-->
                        <div class="modal fade" id="img-to-big" tabindex="-1" role="dialog"
                            aria-labelledby="img-to-bigTitle" aria-hidden="true">
                            <div class="modal-dialog modal-dialog-centered" role="document" style="max-width: 90%">
                                <img class="rounded mx-auto d-block" alt="image" style="max-width: 100%">
                            </div>
                        </div>

                    </div>

                </div>
            </div>
        </div>

    </main>
    <footer class="container-fluid mt-4 py-0">
    </footer>


    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://s3.pstatp.com/cdn/expire-1-M/popper.js/2.7.0/umd/popper.js"></script>
    <script src="https://s1.pstatp.com/cdn/expire-1-M/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>
    <script src="http://www.h3blog.com/statics/js/js.cookie.min.js"></script>
    <!-- Custom scripts for this template -->
    <script src="http://www.h3blog.com/statics/js/blog.js"></script>
    <script src="https://cdn.bootcss.com/simplemde/1.11.2/simplemde.min.js"></script>
</body>

</html>